<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<!-- Always Include start -->
<link rel="shortcut icon" href="favicon.ico" />
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/esCore.css" rel="stylesheet" />
<link type="text/css" href="css/jq/es.jqui1.8.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jq/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jq/es.jqui1.8.min.js" ></script>
<script type="text/javascript" src="js/jq/jquery.corner.js"></script>
<script type="text/javascript" src="js/esCore.js"></script>
<script type="text/javascript" src="js/jq/jquery.tools.min.js"></script>
<script type="text/javascript" src="js/jq/jquery.qtip-1.0.min.js"></script>
<!-- Always Include ends -->
<style>
	.basic-header{
   		height:70px;
   		color:#DEDDEF;
   		background-color: #0100FB;
   		text-align: center;
   	}
   	
   	.setTab{
   		margin: 20px 100px;
   	}
   	
   	.setTab td{
   		
   	}
   	
   	.ttl{
   		text-align: right;
   	}
   	
   	.ipt{
   		text-align: left;
   	}
   	
</style>
<title>Application Settings</title>
</head>
<body>
<div class="basic-header">
	<h1 style="padding:10px;">Application Settings</h1>
	<h4 style="padding-bottom:10px;">Warning: Wrong setting may cause application to function improperly.</h4>
</div>
<form wicket:id="form">
<table class="setTab stripes" style="width:800px;">
	<tr>
		<td class="ttl"><h4>Upload Settings</h4></td>
		<td></td>
	</tr>
	<tr>
		<td class="ttl" style="width:350px;">Upload Storage Directory</td>
		<td class="ipt" style="width:350px"><input wicket:id="storageDir" type="text" style="width:300px;"></input></td>
	</tr>
	<tr>
		<td class="ttl">Maximum Upload limit at a time [in KB]</td>
		<td class="ipt" style="width:350px"><input wicket:id="uploadLt" type="text" style="width:300px;"></input></td>
	</tr>
	<tr>
		<td class="ttl" ><h4>Mail Settings</h4></td>
		<td></td>
	</tr>
	<tr>
		<td class="ttl">SMTP HOST</td>
		<td class="ipt" ><input type="text" wicket:id="smtpHost" styule="width:300px"></input></td>
	</tr>
	<tr>
		<td class="ttl" >Port</td>
		<td class="ipt" ><input type="text" wicket:id="smtpPort" styule="width:300px"></input></td>
	</tr>
	<tr>
		<td class="ttl">Mailer ID</td>
		<td class="ipt"><input type="text" wicket:id="mailId" styule="width:300px"></input></td>
	</tr>
	<tr>
		<td class="ttl">Mailer Password</td>
		<td class="ipt"><input type="password"  wicket:id="mailPassword" styule="width:300px"></input></td>
	</tr>
	<tr>
	<td></td>
	<td><input class="es-button ui-state-active ui-corner-all" type="submit" value="Update Settings"></input></td>
	</tr>	
</table>
</form>

<hr/>
<div style="margin-left:100px;">
<div style="margin-bottom:10px;">
<h3 style="padding:3px 0px;">Test Mail Settings</h3>
<h4>To test the mail settings, send a message to your email id and then check if mail goes to your inbox. Note: it may take a while to mail to appear to your inbox.</h4>
</div>
<form wicket:id="testMailForm">
<p>
<strong>Receiver's e-mail ID:</strong><br/>
<input wicket:id="toId" type="text" style="width:200px"/>	
</p>
<p>
<strong>Test Message:</strong><br/>
<textarea wicket:id="testContent" rows="2" cols="20"></textarea>
</p>
<input class="es-button ui-state-default ui-corner-all" type="submit" value="send Mail"/>
</form>
</div>
<hr/>
<div style="margin:10px 100px; padding-bottom:50px;">
<h1 style="color:red;">Approve Settings</h1>
<h4>Make sure that settings are correct and functional. Then click "Approve Settings" button to limit access to this page only to University Administrators.</h4>
<form style="margin-top:20px;" wicket:id="approveSettings">
	<input class="es-button ui-state-default ui-corner-all" type="submit" value="Approve Settings" />
</form>
</div>
</body>
</html>